<!DOCTYPE html>
<html>
	<head>
	<meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>我的</title>
    <link href="../../css/mui.min.css" rel="stylesheet"/>
    <!--<link href="../css/list.css" rel="stylesheet" />-->
    <link href="../../user/css/style.css" rel="stylesheet" />
    <script src="../../js/app.js"></script>
    <script src="../../js/mui.min.js"></script> 
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">我的店铺</h1>
		</header>
		<div class="mui-content" id="pullrefresh">
			<ul class="mui-table-view" >
			       <div class="friend-list-left" id="item"></div>
		    </ul>
	    </div>
	</body>
	<script type="text/javascript">
mui.init({  
		pullRefresh: {
		container: '#pullrefresh', //触发刷新功能的id标签
		down: {  //触发下拉函数
		height:50,// 可选.默认50.触发上拉加载拖动距离
        auto:false,// 可选,默认false.自动上拉加载一次
        style:'circle',//必选，下拉刷新样式，目前支持原生5+ ‘circle’ 样式
      	color:'#2BD009', //可选，默认“#2BD009” 下拉刷新控件颜色
        range:'100px', //可选 默认100px,控件可下拉拖拽的范围
     	offset:'50px', //可选 默认0px,下拉刷新控件的起始位置
		contentdown : "下拉可以刷新",//可选，在下拉可刷新状态时，下拉刷新控件上显示的标题内容
		contentover : "释放立即刷新",//可选，在释放可刷新状态时，下拉刷新控件上显示的标题内容
		contentrefresh : "正在刷新...",//可选，正在刷新状态时，下拉刷新控件上显示的标题内容
		callback: pulldownRefresh
	},
		up : {//触发上拉
		offset:'0px', //可选 默认0px,下拉刷新控件的起始位置
		height:50,// 可选.默认50.触发上拉加载拖动距离
		range:'100px', //可选 默认100px,控件可下拉拖拽的范围
		contentrefresh : "正在加载...",//可选，正在加载状态时，上拉加载控件上显示的标题内容
		contentnomore:'没有更多数据了',//可选，请求完毕若没有更多数据时显示的提醒内容；
		callback :pullupRefresh //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
	}
              }  
          });  
//* 下拉刷新具体业务实现 
function pulldownRefresh() { 
	setTimeout(function () { 
	item(0);//获取数据
	mui('#pullrefresh').pullRefresh().endPulldownToRefresh();//关闭上拉刷新样式
	}, 1500);  //1500毫秒触发
} 
 //* 下拉刷新具体业务实现 
function pullupRefresh() { 
	setTimeout(function () { 
	item(1);//获取数据
	mui('#pullrefresh').pullRefresh().endPullupToRefresh();//关闭下拉加载样式
	}, 1500);  //1500毫秒触发
} 
var	p= 0;
item(0);
function item(num){//我发布的项目
	if(num==1){p=p+1}else{p=0;document.getElementById("item").innerHTML='';};
	apptoken['p']= p;
	apptoken['act']='list';
//		alert(JSON.stringify(apptoken));
		 mui.post(home.hos+'/goods/admin',apptoken,function(data){
		 	alert(JSON.stringify(data));
		var result=JSON.parse(data);
		 var val='';
	for(var i=0;i<result.length;i++){
		var checked='';
		goodsstrb='<li class="mui-table-view-cell mui-media name" id="commodity'+result[i].id+'">'+
					'<input type="checkbox"   '+checked+' id="checkbox'+result[i].id+'" onclick="selected('+result[i].shop_id+','+result[i].id+')" style="right:10px;top:2px;position: absolute;" type="radio" value="'+result[i].id+'" />'+
						'<div  class="mui-icon mui-icon-trash"  onclick="deletecommodity('+result[i].shop_id+','+result[i].id+')" style="right:12px;top:30px;position: absolute;color:red" /></div>'+
						'<div onclick="goto(\'goods\',\'admin\',\'modify\','+result[i].id+')"><img class="mui-media-object mui-pull-left" style="width:100px" src="'+home.uploads+'/img/item/'+result[i].poster+'">'+
						'<p>商品名：'+result[i].title+'</p>'+
//						onclick="chakan(this,{id:'+result[i].id+',number:'+result[i].number+'})"

						'<p>'+	
						'<span style="margin-right: 10px;">单价:<span id="price'+result[i].id+'">'+(result[i].price/100)+'</span>元</span>'+
						'<span style="margin-right: 20px;"><span>库存:'+result[i].stock+' </span><span>售出:'+result[i].sold+' </span></span>'+
						'</p></div>'+
						
					'</li>';

	document.getElementById("item").innerHTML+=goodsstrb;
	}
			//服务器返回响应，根据响应结果，分析是否登录成功；
	//		...
		},'text');
}

</script>